<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../bootstrap-3.3.0-dist/css/bootstrap.css">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
    <script src="../bootstrap-3.3.0-dist/js/jquery-1.11.0.js"></script>
    <script src="../bootstrap-3.3.0-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
    
</head>
<body>
    <!-- 头部 -->
    <div class="head">
        <div class="w">
            <ul class="list1">
                <li><a href="#">中国大陆</a><span class="caret"></span></li>
                <li><a href="javascript:;">亲，请登录</a></li>
                <li><a href="../03zhuce/zhuce.html">免费注册</a></li>
                <li><a href="#">手机逛淘宝</a></li>
                <li><a href="#">网页无障碍</a></li>
            </ul>

            <ul class="list2">
                <li><a href="#">我的淘宝</a><span class="caret"></span></li>
                <li>
                    <i class="iconfont icon-gouwuche"></i>
                    <a href="javascript:;">购物车</a>
                </li>
                <li>
                    <i class="iconfont icon-ef-shoucangjia-gongju"></i>
                    <a href="#">收藏夹</a>
                </li>
                <li><a href="#">商品分类&nbsp;免费开店</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">千牛卖家中心</a><span class="caret"></span></li>
                <li><a href="#">联系客服<span class="caret"></span></a></li>
            </ul>
        </div>
    </div>
<!-- 搜索框板块 -->
    <div class="select">
        <div class="w">
            <div class="logo">
                <a href="./index.html"></a>
            </div>
            <div class="search">
                <div class="search-input">
                    <i>宝贝 <span class="caret"></span></i>
                    <input type="text" aria-label="请输入文字">
                    <button>搜索</button>
                </div>
                <div class="search-ul">
                    <li><a href="#">新款连衣裙</a></li>
                    <li><a href="#">四件套</a></li>
                    <li><a href="#">潮流T恤</a></li>
                    <li><a href="#">时尚女鞋</a></li>
                    <li><a href="#">短裤</a></li>
                    <li><a href="#">半身鞋</a></li>
                    <li><a href="#">男士外套</a></li>
                    <li><a href="#">墙纸</a></li>
                    <li><a href="#">行车记录仪</a></li>
                    <li><a href="#">新款男鞋</a></li>
                    <li><a href="#">耳机</a></li>
                </div>
               
            </div>
            <div class="ma">
                <span>下载淘宝</span>
                <img src="./images/ma.webp" alt="">
            </div>
        </div>
    </div>
<!-- 主要内容 -->
    <div class="main">
        <div class="w">
            <!-- 左边导航块 -->
            <div class="main-left">
                <h2>主题市场</h2>
                <ul>
                    <li>
                        <i class="iconfont icon-nvzhuang"></i>
                        <a href="../05list/list.html">女装</a>
                        <span>/</span>
                        <a href="#">内衣</a>
                        <span>/</span>
                        <a href="#">家居</a>
                    </li>
                    <li>
                        <i class="iconfont icon-nanxie"></i>
                        <a href="#">女鞋</a>
                        <span>/</span>
                        <a href="#">男鞋</a>
                        <span>/</span>
                        <a href="#">箱包</a>
                    </li>
                    <li>
                        <i class="iconfont icon-fushi-muyingwanju-xianxing"></i>
                        <a href="#">母婴</a>
                        <span>/</span>
                        <a href="#">童装</a>
                        <span>/</span>
                        <a href="#">玩具</a>
                    </li>
                    <li>
                        <i class="iconfont icon-nanzhuang"></i>
                        <a href="#">男装</a>
                        <span>/</span>
                        <a href="#">户外运动</a>
                    </li>
                    <li>
                        <i class="iconfont icon-caizhuang"></i>
                        <a href="#">美妆</a>
                        <span>/</span>
                        <a href="#">彩妆</a>
                        <span>/</span>
                        <a href="#">个护</a>
                    </li>
                    <li>
                        <i class="iconfont icon-shouji"></i>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">数码</a>
                        <span>/</span>
                        <a href="#">企业礼品</a>
                    </li>
                    <li>
                        <i class="iconfont icon-xiyiji"></i>
                        <a href="#">大家电</a>
                        <span>/</span>
                        <a href="#">生活电器</a>
                    </li>
                    <li>
                        <i class="iconfont icon-quqi"></i>
                        <a href="#">零食</a>
                        <span>/</span>
                        <a href="#">生鲜</a>
                        <span>/</span>
                        <a href="#">茶酒</a>
                    </li>
                    <li>
                        <i class="iconfont icon-shexiangtou"></i>
                        <a href="#">厨具</a>
                        <span>/</span>
                        <a href="#">收纳</a>
                        <span>/</span>
                        <a href="#">清洁</a>
                    </li>
                    <li>
                        <i class="iconfont icon-shafa"></i>
                        <a href="#">家纺</a>
                        <span>/</span>
                        <a href="#">家饰</a>
                        <span>/</span>
                        <a href="#">鲜花</a>
                    </li>
                    <li>
                        <i class="iconfont icon-shu"></i>
                        <a href="#">图书音像</a>
                        <span>/</span>
                        <a href="#">文具</a>
                    </li>
                    <li>
                        <i class="iconfont icon-yiyaoyuyiliao"></i>
                        <a href="#">医药保健</a>
                        <span>/</span>
                        <a href="#">进口</a>
                    </li>
                    <li>
                        <i class="iconfont icon-qichepeijian"></i>
                        <a href="#">汽车</a>
                        <span>/</span>
                        <a href="#">二手车</a>
                        <span>/</span>
                        <a href="#">用品</a>
                    </li>
                    <li>
                        <i class="iconfont icon-loufangfangzi"></i>
                        <a href="#">房产</a>
                        <span>/</span>
                        <a href="#">装修家居</a>
                        <span>/</span>
                        <a href="#">建材</a>
                    </li>
                    <li>
                        <i class="iconfont icon-shoubiao"></i>
                        <a href="#">手表</a>
                        <span>/</span>
                        <a href="#">眼镜</a>
                        <span>/</span>
                        <a href="#">珠宝饰品</a>
                    </li>
                </ul>
            </div>
            <!-- 右边内容块 -->
            <div class="main-right">
                <div class="right-title">
                    <ul class="nav1">
                        <li><a href="#" style="color: #FF0036">天猫</a></li>
                        <li><a href="#" style="color: #FF0036">聚划算</a></li>
                        <li><a href="#" style="color: #33c900">天猫超市</a></li>
                    </ul>

                    <ul class="nav2">
                        <li><a href="#">司法拍卖</a></li>
                        <li><a href="#">飞猪旅行</a></li>
                        <li><a href="#">天天特卖</a></li>
                    </ul>

                    <ul class="nav3">
                        <li><a href="#">造点新货</a></li>
                        <li><a href="#">苏宁易购</a></li>
                        <li><a href="#">淘宝心选</a></li>
                        <li><a href="#">智能生活</a></li>
                        <li><a href="#">淘宝直播</a></li>
                    </ul>
                </div>
                <div class="main-box">
                    <!-- 大轮播图 -->
                    <div class="main-boxleft">
                        <div class="swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img src="./images/01.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/02.jpg" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/03.jpg" alt="">
                                </div>
                               
                            </div>
                            <!-- 如果需要分页器 -->
                            <div class="swiper-pagination"></div>
                            
                            <!-- 如果需要导航按钮 -->
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-button-next"></div>
                            
                            <!-- 如果需要滚动条 -->
                            <!-- <div class="swiper-scrollbar"></div> -->
                        </div>



                        <div class="main-tip">
                            <img src="./images/tianmao.png" alt="">
                            <span>理想生活上天猫</span>
                            <!-- <strong>
                                <i>1</i>
                                /5
                            </strong> -->
                        </div>
                        <div class="main-banner2">
                            <div class="bigbox">
                                <div>
                                    <img src="./images/box01.webp" alt="">
                                    <img src="./images/box02.webp" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 右边登录板块 -->
                    <div class="main-boxright">
                        <div class="box-login">
                            <img src="./images/touxiang.jpg" alt="">
                            <span>Hi!你好</span>
                            <div class="login-btn">
                                <a href="../02login/login.html">登录</a>
                                <a href="../03zhuce/zhuce.html">注册</a>
                                <a href="#">开店</a>
                            </div>
                        </div>
                        <div class="new-img">
                            <img src="./images/img01.png" alt="">
                        </div>
                        <div class="new-text">
                            <div class="new-tip">
                                <span>公告</span>
                                <span>新鲜的事都在这儿~</span>
                            </div>
                            <ul>
                                <li>
                                    <span>规则</span>
                                    <p>淘宝网疫情影响地区发货时间要求调整公告</p>
                                </li>
                                <li>
                                    <span>热点</span>
                                    <p>淘宝网疫情影响地区发货时间要求调整公告</p>
                                </li>
                                <li>
                                    <span>热点</span>
                                    <p>淘宝网疫情影响地区发货时间要求调整公告</p>
                                </li>
                               
                            </ul>
                           
                        </div>

                        <div class="login-icon">
                            <ul>
                                <li>
                                    <span class="iconfont icon-02"></span>
                                    <h4>收藏的宝贝</h4>
                                </li>
                                <li>
                                    <span class="iconfont icon-goumaijilu"></span>
                                    <h4>买过的店铺</h4>
                                </li>
                                <li>
                                    <span class="iconfont icon-dianpu"></span>
                                    <h4>收藏的店铺</h4>
                                </li>
                                <li>
                                    <span class="iconfont icon-shijian"></span>
                                    <h4>我的足迹</h4>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 有好货 -->
    <div class="shop">
        <div class="w">
            <h3>
                <span>有好货</span>
                <img src="./images/title01.png " alt="">
            </h3>

            <ul class="huo-list">
                <li>
                  <img src="./images/huo01.webp" alt="">
                  <h4>aj1兔八哥，独特的勾线logo</h4>
                  <h5>鞋子整体的配色是白色，在...</h5>
                </li>
                <li>
                    <img src="./images/huo02.webp" alt="">
                    <h4>aj1兔八哥，独特的勾线logo</h4>
                    <h5>鞋子整体的配色是白色，在...</h5>
                  </li>
                <li>
                    <img src="./images/huo03.webp" alt="">
                    <h4>aj1兔八哥，独特的勾线logo</h4>
                    <h5>鞋子整体的配色是白色，在...</h5>
                </li>
                <li>
                    <img src="./images/huo04.webp" alt="">
                    <h4>aj1兔八哥，独特的勾线logo</h4>
                    <h5>鞋子整体的配色是白色，在...</h5>
                  </li>
                <li>
                    <img src="./images/huo05.webp" alt="">
                    <h4>aj1兔八哥，独特的勾线logo</h4>
                    <h5>鞋子整体的配色是白色，在...</h5>
                </li>
            </ul>
        </div>
    </div>
    <!-- 猜你喜欢 -->
    <div class="like">
        <div class="w">
            <h3>
                <span>猜你喜欢</span>
                <img src="./images/like-title.png " alt="">
            </h3>
            <div class="like-box">
                <ul class="like-list">
                    <!-- <li>
                      <img src="./images/huo01.webp" alt="">
                      <h4>特步板鞋男鞋2022夏季新款潮流低帮小白鞋情侣百搭休闲鞋官方旗舰</h4>
                      <span class="price">
                          <em>￥</em>
                          149
                      </span>
                    </li> -->
                </ul>
            </div>
            <!-- <div class="bottom">
                <div>
                    <p>
                        <i class="iconfont icon-pinzhibaozhang1"></i>
                        <span>消费者保障</span>
                    </p>
                    <ul>
                        <li>保障范围</li>
                        <li>退货退款流程</li>
                        <li>服务中心</li>
                        
                    </ul>
                </div>
                <div>
                    <p>
                        <i class="iconfont icon-xinshoubangzhu"></i>
                        <span>新手上路</span>
                    </p>
                    <ul>
                        <li>保障范围</li>
                        <li>退货退款流程</li>
                        <li>服务中心</li>
                        
                    </ul>
                </div>
                <div>
                    <p>
                        <i class="iconfont icon-fukuanfangshi"></i>
                        <span>付款方式</span>
                    </p>
                    <ul>
                        <li>保障范围</li>
                        <li>退货退款流程</li>
                        <li>服务中心</li>
                        
                    </ul>
                </div>
                <div>
                    <p>
                        <i class="iconfont icon-taobaotese"></i>
                        <span>淘宝特色</span>
                    </p>
                    <ul>
                        <li>保障范围</li>
                        <li>退货退款流程</li>
                        <li>服务中心</li>
                        
                    </ul>
                </div>
            </div> -->
        </div>
    </div>


    <!-- 底部 -->
    <!-- <div class="footer">
        <div class="w">
            <img src="../images/footer_03.jpg" alt="">
        </div>
    </div> -->
    <script src="../js/ajax1.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="./swiper/swiper-bundle.min.js"></script>
    <script src="./index.js"></script>

</body>
</html>